<!DOCTYPE html>
<html>

<head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <link rel="stylesheet" type="text/css" href="css/weui.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/product.css">
    <link rel="stylesheet" type="text/css" href="css/solve.css">
    <link rel="stylesheet" type="text/css" href="css/media.css">
    <link rel="stylesheet" type="text/css" href="css/solveMedia.css">
    <script src="js/jquery-1.11.3.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $(".flip").click(function() {
            $(".panel").slideToggle("slow");
        });

        $(function(){

             $(window).scroll(function(){
    
                 var scrollTop = $(this).scrollTop();  //获取当前滑动位置
                
                 var op=scrollTop/345;
                 console.log(op);
                 console.log(scrollTop);
                   if(op>=1){  
                    op=1;
                   }
                   if(op<0.1){
                    op=0;
                   }
                     $("#page-hd").css("background-color",'rgba(54,54,54,'+op+')');
                });

          });
    });
    </script>
</head>

<body ontouchstart>
    <div class="page">
        <div class="page-bd">
           <p class="flip"><img class="left-img" src="img/logo.png"><img class="right-img" src="img/menu.png"><b>目录</b></p>
             <div class="page-hd" id="page-hd">
                    <div class="logo">
                        <img src="img/logo.png">
                    </div>
                    <div class="menu">
                        <span class="phone-menu"><img src="img/icon4.png"></span>
                        <ul>
                            <li><a href="index.html">首页</a></li>
                            <li><a href="product.html">产品体系</a></li>
                            <li><a href="solve.html" style="font-size: 24px;">解决方案</a></li>
                            <li><a href="about.html">关于我们</a></li>
                        </ul>
                        <ol class="phone-menu-ol panel">
                            <li><a href="index.html">首页</a></li>
                            <li><a href="product.html">产品体系</a></li>
                            <li><a href="solve.html">解决方案</a></li>
                            <li><a href="about.html">关于我们</a></li>
                        </ol>
                    </div>
                </div>
            <div class="index-banner solve-banner">
              
                <div class="product-banner-text">
                    <p class="pro-text1">解决方案</p>
                    <p class="pro-text2">移动互联网四项指导下的数字化医院建设专家</p>
                </div>
            </div>
            <div class="product-page-bd1">
                <div class="solve-table">
                    <p id="solve-table-p">护理数据可视化</p>
                    <div class="solve-table-title">
                        <div class="solve-table-center">
                            <div class="selected circle" data-name="护理数据可视化" onclick="changepage(0,'护理数据可视化')">1</div>
                            <div class="circle" data-name="不良事件上报" onclick="changepage(1,'不良事件上报')">2</div>
                            <div class="circle" data-name="移动医疗" onclick="changepage(2,'移动医疗')">3</div>
                            <div class="circle" data-name="医护沟通" onclick="changepage(3,'医护沟通')">4</div>
                        </div>
                        <ul class="table-title">
                            <li onclick="changepage(0)">护理数据可视化</li>
                            <li onclick="changepage(1)">不良事件上报</li>
                            <li onclick="changepage(2)">移动医疗</li>
                            <li onclick="changepage(3)">医护沟通</li>
                        </ul>
                    </div>
                    <div class="solve-content solve-content1">
                        <h4>产品特点</h4>
                        <p>1.组件化设计遵循现实护理流程与逻辑规范</p>
                        <p>2.数据处理中心高性能、易扩张、已部署，自动化数据抓取分析</p>
                        <p>3.独有的UI图形框架界面样式简洁、交互动效流畅、表意明确，配合数据可视化方便护理人员快速做出决策</p>
                        <p>4.硬件设备、操作系统、软件正版化一体式授权</p>
                        <p>5.结合护理平板、移动医疗可扩展多屏实时互动互通</p>
                        <h4>功能模块</h4>
                        <div class="solve-content-p">
                            <p>1.特殊护理项</p>
                            <p>2.一般护理项</p>
                            <p>3.数据可视化</p>
                            <p>4.数据可视化</p>
                            <p>5.病患一览表</p>
                            <p>6.医生值班</p>
                            <p>7.护士值班</p>
                            <p>8.消息通知</p>
                            <p>9.换床信息</p>
                            <p>10.接触物品</p>
                        </div>
                    </div>
                    <div class="solve-content solve-content2" style="display:none">
                        <h4>产品特点</h4>
                        <p>1.组件化设计遵循现实护理流程与逻辑规范</p>
                        <p>2.数据处理中心高性能、易扩张、已部署，自动化数据抓取分析</p>
                        <p>3.独有的UI图形框架界面样式简洁、交互动效流畅、表意明确，配合数据可视化方便护理人员快速做出决策</p>
                        <p>4.硬件设备、操作系统、软件正版化一体式授权</p>
                        <p>5.结合护理平板、移动医疗可扩展多屏实时互动互通</p>
                        <h4>功能模块</h4>
                        <div class="solve-content-p">
                            <p>1.执行医嘱</p>
                            <p>2.口头医嘱</p>
                            <p>3.即时通讯</p>
                            <p>4.用药指导</p>
                            <p>5.记录存档</p>
                        </div>
                    </div>
                    <div class="solve-content solve-content2" style="display:none">
                        <h4>产品特点</h4>
                        <p>1.实时健康、智能健康</p>
                        <p>2.支持条码、二维码、射频卡识别技术</p>
                        <p>3.实时信息采集</p>
                        <p>4.集成硬件、嵌入式开发</p>
                        <p>5.支持无线网络、零漫游</p>
                        <p>6.多屏实时互动</p>
                        <h4>功能模块</h4>
                        <div class="solve-content-p">
                            <p>1.配液核对</p>
                            <p>2.医嘱执行</p>
                            <p>3.录入体征</p>
                            <p>4.护理文书</p>
                            <p>5.入院评估</p>
                            <p>6.护理记录</p>
                            <p>7.患者信息</p>
                            <p>8.绩效统计</p>
                            <p>9.患者巡视</p>
                            <p>10.标本检查</p>
                        </div>
                    </div>
                    <div class="solve-content solve-content2" style="display:none">
                        <h4>产品特点</h4>
                        <p>1.组件化设计遵循现实护理流程与逻辑规范</p>
                        <p>2.数据处理中心高性能、易扩张、已部署，自动化数据抓取分析</p>
                        <p>3.独有的UI图形框架界面样式简洁、交互动效流畅、表意明确，配合数据可视化方便护理人员快速做出决策</p>
                        <p>4.硬件设备、操作系统、软件正版化一体式授权</p>
                        <p>5.结合护理平板、移动医疗可扩展多屏实时互动互通</p>
                        <h4>功能模块</h4>
                        <div class="solve-content-p">
                            <p>1.自定义上报事件模块</p>
                            <p>2.自定义统计报表</p>
                            <p>3.数据可视化分析</p>
                            <p>4.移动PDA快速上报</p>
                            <p>5.支持语音</p>
                            <p>6.医生值班</p>
                            <p>7.图片上传</p>
                            <p>8.消息通知</p>
                            <p>9.换床信息</p>
                            <p>10.接触物品</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="product-page-bd2 page-bd4">
                <p>About Us</p>
                <h2>关于我们</h2>
                <div class="page-bd44">
                    <div class="weui-flex__item2">
                        <p class="page-bd4-p1">西安上於软件技术有限公司</p>
                        <p class="page-bd4-p2">
                            西安上於软件技术有限责任公司位于陕西省西安市高新路36号。公司致力于PC及移动端设备的软件研发、系统集成、销售及服务于一体的高新技术企业；主要服务于政府。医疗行业及相关民营企业。公司核心产品及研究方向主要包括 医疗行业的护士站数据可视化平台（STENDV-L）、护士站不良事件上报（STEAREAS）、移动医疗(STEMHEALTH)以及大数据展示与分析平台、硬件系统集成等。
                        </p>
                    </div>
                </div>
            </div>
            <div class="page-bd5">
                <div class="weui-flex5">
                    <div class="page-bd5-con">
                        <img src="img/icon5.png">
                        <p>西安市高新区高新路36号</p>
                    </div>
                    <div class="page-bd5-con">
                        <img src="img/icon6.png">
                        <p>029-89585731</p>
                    </div>
                    <div class="page-bd5-con">
                        <img src="img/icon7.png">
                        <p>http://www.stoncle.com</p>
                    </div>
                    <div class="page-bd5-con">
                        <img src="img/icon8.png">
                        <p>hr@stoncle.com</p>
                    </div>
                </div>
            </div>

              <!-- 手机竖排 -->
        <ul class="phone-page-bd5">
                <li><img src="img/icon5.png" />地址：西安市高新区高新路36号</li>
                <li><img src="img/icon6.png" />座机：029-89585731</li>
                <li><img src="img/icon7.png" />网址：www.stoncle.com</li>
                <li><img src="img/icon8.png" />邮箱：shangyusoft@163.com</li>
        </ul>
        </div>
        <div class="page-ft">
            <span class="page-ft-margin-left">陕ICP备16018841号 西安上於软件技术有限公司 版权所有</span>
            <span class="page-ft-margin-right">Copyright 2016-2017 STONCLE.All Rights Reserved</span>
        </div>
    </div>
    <script type="text/javascript" src="js/jquery-1.11.3.js"></script>
    <script type="text/javascript">
    var selected = document.querySelectorAll('.solve-table>.solve-table-title>.solve-table-center>.circle');
    var content = document.querySelectorAll('.product-page-bd1>.solve-table>.solve-content');
    var li = document.querySelectorAll('.product-page-bd1>.solve-table>.solve-table-title>.table-title>li');

    function changepage(n, name) {
        document.getElementsByClassName('selected')[0].className = '';
        for (var i = 0; i < content.length; i++) {
            content[i].style.display = "none";
        }
        document.getElementById('solve-table-p').innerHTML = name;
        content[n].style.display = "block";
        selected[n].className = "selected";
    }

    // $(".circle").click(function(){
    //       console.log($(this))
    //       var name = $(this).data("name");
    //       $(".circle").removeClass("selected")
    //       $(this).addClass("selected");
    //       console.log(name)
    //       if (name != null) {
    //           document.getElementById('solve-table-p').innerHTML = name;
    //       }
    //   })
    </script>
</body>

</html>